<template>
  <div class="container">
    <router-view></router-view>
  </div>
</template> 
<script setup lang='ts'>
import { ref, reactive, inject } from 'vue'
import { ElNotification } from 'element-plus';
import { useRouter } from 'vue-router';
const router = useRouter()
const socket: any = inject('socket')
//接受消息提示
socket.on('info', (message: string) => {
  ElNotification({ 
    position: 'top-left',
    onClick: () => {
         router.push({name:'conversation_list'})
    },
    duration:2000,
    type: 'warning',
    message
  })

})
</script>
<style scoped lang="scss">
.container {
  height: 100vh;
}
</style>